<!--
	表格 
	签到表
	课程表
	...
	
	表格是由一个 table 来定义的
	tr 表格的行 tr 中不能书写内容
	td 表格的列
	border 边框
		- 属性值 代表表格边框的粗细， 值越大边框越粗
	
	th 标签来定义表格的表头
	数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
	
	div 容器标签 内容可以放置任何的内容
	
	colspan 跨列 属性值为数值代表的跨几列
	
	rowspan 跨行 属性值为数值代表的跨几行
-->
<!DOCTYPE html>
<html>
	<head>
		<title>表格</title>
	</head>
	<body>
		<table border="1">
			<tr>
				<th>签到表</th>
			</tr>
			<tr>
				<td>
					<div>张三</div>
				</td>
				<td></td>
			</tr>
			<tr>
				<td>2-1</td>
				<td>2-2</td>
			</tr>
			<tr>
				<td>
				3-1
				</td>
			</tr>
			<tr>
				<td>1</td>
			</tr>
		</table>
		
		<table border="1">
			<tr>
				<th>姓名</th>
				<th colspan="2">电话</th>
			<tr>
			<tr>
				<td>张三</td>
				<td>13909090909</td>
				<td>55577855</td>
			</tr>
			<tr>
				<td>李四</td>
				<td>13909090909</td>
				<td>55577855</td>
			</tr>
			<tr>
				<td>总计</td>
				<td colspan="2">2人</td>
			</tr>
		</table>
		
		<table border="1">
			<tr>
				<td>姓名</td>
				<td>张三</td>
			</tr>
			<tr>
				<td rowspan="2">电话</td>
				<td>555 77 854</td>
			</tr>
			<tr>
				<td>555 77 855</td>
			</tr>
		</table>
	</body>
</html>